<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <meta name="format-detection" content="telephone=no" />
    <title>停服页面</title>
    <link rel="stylesheet" href="../../css/reset.css">
    <style>
        body {
            width: 100%;
            height: 100%;
            background-color: #fff;
            font-size: 0.28rem;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            font-family: PingFang SC;
            color: #333333;
            background-color: #f8f8f8;
            box-sizing: border-box;
        }

        .showbg {
            width: 100%;
            height: 100%;
            background: url("../../image/stopsever.png") no-repeat center;
            background-size: 100% 100%;
            position: relative;
            overflow: scroll;
            box-sizing: border-box;
        }

        .showtext {
            width: 6.66rem;
            height: 65%;
            position: absolute;
            top: 29%;
            left: calc((100% - 6.66rem) / 2);
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            padding: 0 0.45rem;
            box-sizing: border-box;
            overflow-y: scroll;
            padding-bottom: 0.3rem;
            -webkit-overflow-scrolling: touch;
        }

        .showtext::-webkit-scrollbar {
            display: none
        }

        h3 {
            width: 100%;
            height: auto;
            font-size: 0.36rem;
            font-family: PingFang SC;
            font-weight: bold;
            color: rgba(213, 98, 15, 1);
            text-align: center;
            margin-top: 0.6rem;
        }

        .showUpData {
            width: 100%;
            margin-top: 0.64rem;
        }

        .showUpData b {
            width: 100%;
            height: auto;
            font-size: 0.32rem;
            font-family: PingFang SC;
            font-weight: 600;
            color: rgba(0, 0, 0, 1);
            display: flex;
            display: -webkit-flex;
            align-items: center;
        }

        .showUpData b img {
            width: 0.27rem;
            height: 0.28rem;
            margin-right: 0.1rem;
        }

        .showUpData p {
            margin-top: 0.32rem;
            font-family: PingFang SC;
            font-weight: 400;
            color: rgba(89, 89, 89, 1);
            font-size: 0.26rem;
        }

        .upDataContent {
            width: 100%;
            font-size: 0.26rem;
            font-family: PingFang SC;
            font-weight: 400;
            color: rgba(89, 89, 89, 1);
        }

        .showbutton {
            width: 100%;
            height: auto;
            margin-top: 0.3rem;
        }

        #knowButton {
            width: 5.60rem;
            height: 0.88rem;
            background: rgba(253, 122, 36, 1);
            border-radius: 0.05rem;
            font-size: 0.3rem;
            font-family: PingFang SC;
            font-weight: bold;
            color: rgba(255, 255, 255, 1);
            border: none;
            outline: none;
        }
    </style>
</head>


<body>
    <div class="showbg">
        <div class="showtext">
            <h3>
                系统正在升级维护中,期间暂停服务
            </h3>
            <div class="showUpData">
                <b>
                    <img src="../../image/xiexian.png">
                    <span>
                        预计更新时间
                    </span>
                </b>
                <p class="arrTime">
                </p>
            </div>
            <div class="showUpData">
                <b>
                    <img src="../../image/xiexian.png">
                    <span>
                        更新内容
                    </span>
                </b>
                <div class="upDataContent">
                </div>
            </div>
            <div class="showbutton">
                <button id="knowButton">
                    我知道了
                </button>
            </div>
        </div>
    </div>
    <script src="../../script/autosize.js"></script>
    <script src="../../script/jquery_three_two_one.js"></script>
    <script src="../../script/fastclick.js"></script>
    <script src="../../script/app.js"></script>
    <script>
        apiready = function () {
            var app = new APP();
            app.toFront("upDataPage");
            var pageValue = api.pageParam.pageValue;
            $(".upDataContent").html(pageValue.content);
            var startTime = pageValue.start_time.split(" ")[0] + " " + pageValue.start_time.split(" ")[1].split(":")[0] + ":" + pageValue.start_time.split(" ")[1].split(":")[1];
            var endTime = pageValue.end_time.split(" ")[0] + " " + pageValue.end_time.split(" ")[1].split(":")[0] + ":" + pageValue.end_time.split(" ")[1].split(":")[1];
            $(".arrTime").text(startTime + " —— " + endTime);
            $("#knowButton").click(function () {
                app.closeAPP();
            })
        }
    </script>
</body>

</html>